<template>
    <div class="container">
        <div>
            <div @click="but"></div>
        </div>
        <div></div>
    </div>
</template>
<script>
export default {
    name: '',
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {
        but() {
            this.$router.push({
                name: "item",
            });
        }
    },
}
</script>
<style lang="less" scoped>
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.container {
    width: 100%;

    >div:nth-child(1) {
        width: 100%;
        height: 800px;
        background-image: url('../assets/anquan1.png');
        padding: 0;
        position: relative;

        >div:nth-child(1) {
            position: absolute;
            width: 150px;
            height: 50px;
            // border: 1px solid red;
            top: 70%;
            left: 18.5%;
        }
    }

    >div:nth-child(2) {
        width: 100%;
        height: 160px;
        background-image: url('../assets/anquan2.png');
    }
}
</style>
